!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define("rb_wixui.thunderbolt[StylableButton_StylableButton]",["react"],t):"object"==typeof exports?exports["rb_wixui.thunderbolt[StylableButton_StylableButton]"]=t(require("react")):e["rb_wixui.thunderbolt[StylableButton_StylableButton]"]=t(e.React)}("undefined"!=typeof self?self:this,(function(e){return function(){var t={5329:function(t){"use strict";t.exports=e},448:function(e){function t(){return e.exports=t=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)({}).hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},e.exports.__esModule=!0,e.exports.default=e.exports,t.apply(null,arguments)}e.exports=t,e.exports.__esModule=!0,e.exports.default=e.exports}},a={};function n(e){var r=a[e];if(void 0!==r)return r.exports;var o=a[e]={exports:{}};return t[e](o,o.exports,n),o.exports}n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,{a:t}),t},n.d=function(e,t){for(var a in t)n.o(t,a)&&!n.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var r={};return function(){"use strict";n.r(r),n.d(r,{components:function(){return ee}});var e=n(448),t=n.n(e),a=n(5329),o=n.n(a);const l="wixui-",i=(e,...t)=>{const a=[];return e&&a.push(`${l}${e}`),t.forEach((e=>{e&&(a.push(`${l}${e}`),a.push(e))})),a.join(" ")},s=13,c=27;function u(e){return t=>{t.keyCode===e&&(t.preventDefault(),t.stopPropagation(),t.currentTarget.click())}}const d=u(32),p=u(s),b=e=>{p(e),d(e)},f=(u(c),["aria-id","aria-metadata","aria-type"]),m=(e,t)=>Object.entries(e).reduce(((e,[a,n])=>(t.includes(a)||(e[a]=n),e)),{}),v=e=>{const t=(e=>{const{role:t,tabIndex:a,tabindex:n,screenReader:r,lang:o,ariaAttributes:l={}}=e,i=Object.entries(l).reduce(((e,[t,a])=>({...e,[`aria-${t}`.toLowerCase()]:a})),{});return{role:t,tabIndex:a??n,screenReader:r,ariaAttributes:m(i,f),lang:o}})(e);return{...t.ariaAttributes,tabIndex:t.tabIndex,screenReader:t.screenReader,lang:t.lang,role:t.role}},g=e=>Object.entries(e).reduce(((e,[t,a])=>(t.includes("data-")&&(e[t]=a),e)),{});const h=(e,t)=>e?{"data-comp":t,"data-aid":t}:{},C={root:"linkElement"};var y=a.forwardRef(((e,t)=>{const{href:n,role:r,target:o,rel:l,className:i="",children:s,linkPopupId:c,anchorDataId:u,anchorCompId:f,tabIndex:m,dataTestId:v=C.root,title:h,onClick:y,onDoubleClick:k,onMouseEnter:x,onMouseLeave:w,onFocus:M,onFocusCapture:A,onBlurCapture:I,"aria-live":B,"aria-disabled":O,"aria-label":D,"aria-labelledby":S,"aria-pressed":E,"aria-expanded":R,"aria-describedby":N,"aria-haspopup":L,"aria-current":_,dataPreview:T,dataPart:P}=e,F=void 0!==e.activateByKey?e.activateByKey:(e=>e?"SpaceOrEnter":"Space")(c);let j;switch(F){case"Enter":j=p;break;case"Space":j=d;break;case"SpaceOrEnter":j=b;break;default:j=void 0}return void 0!==n||c?a.createElement("a",{...g(e),"data-testid":v,"data-popupid":c,"data-anchor":u,"data-anchor-comp-id":f,"data-preview":T,"data-part":P,href:n||void 0,target:o,role:c?"button":r,rel:l,className:i,onKeyDown:j,"aria-live":B,"aria-disabled":O,"aria-label":D,"aria-labelledby":S,"aria-pressed":E,"aria-expanded":R,"aria-haspopup":L,"aria-describedby":N,"aria-current":_,title:h,onClick:y,onMouseEnter:x,onMouseLeave:w,onDoubleClick:k,onFocus:M,onFocusCapture:A,onBlurCapture:I,ref:t,tabIndex:c?0:m},s):a.createElement("div",{...g(e),"data-testid":v,"data-preview":T,"data-part":P,className:i,tabIndex:m,"aria-label":D,"aria-labelledby":S,"aria-haspopup":L,"aria-disabled":O,"aria-expanded":R,title:h,role:r,onClick:y,onDoubleClick:k,onMouseEnter:x,onMouseLeave:w,ref:t},s)}));let k=function(e){return e.HOVER="hover",e}({});const x="buttonContent",w="stylablebutton-label",M="stylablebutton-icon",A=(Object.keys({width:{type:"maxContent"}}),{left:"flex-start",right:"flex-end",center:"center","space-between":"space-between"}),I={start:"flex-start",end:"flex-end",center:"center",justify:"space-between"},B={"flex-start":"left","flex-end":"right",center:"center","space-between":"space-between"},O={"flex-start":"start","flex-end":"end",center:"center","space-between":"justify"};var D={root:"button",buttonLabel:"button__label",buttonIcon:"button__icon"};var S=e=>{const{label:t,icon:a,classNames:n}=e;return o().createElement("span",{className:n.container},t&&o().createElement("span",{className:n.label,"data-testid":w},t),a&&o().createElement("span",{className:n.icon,"aria-hidden":"true","data-testid":M},a))};const E=e=>a.createElement("span",{dangerouslySetInnerHTML:{__html:e||""}}),R=(e,t)=>e?e.replace(/(id="|url\(#|href="#)([^"]+)(?=[")])/g,((e,a,n)=>""+a+(t+n))):e,N=(e,t)=>["has",t,...e.split("has").slice(1)].join("");const L={animatedSvg:"animatedSvg",animatedTagPath:"animatedPath",animateTagForward:"animateForward",animateTagBackward:"animateBackward"};let _=function(e){return e.FORWARD="Forward",e.BACKWARD="Backward",e}({});const T={[_.FORWARD]:"data-animated-end-path",[_.BACKWARD]:"data-animated-start-path"};var P=(0,a.forwardRef)(((e,t)=>{let{svgContent:n,reducedMotion:r=!1}=e;const l=(0,a.useRef)(null);(0,a.useImperativeHandle)(t,(()=>({runAnimationForward:s,runAnimationBackward:c})));const i=(0,a.useCallback)((e=>{if(!l.current)return;if(!r){const t="animateTag"+e;l.current.querySelectorAll("[data-animate-id="+L[t]+"]").forEach((e=>e.beginElement()))}l.current.querySelectorAll("path[data-animate-id="+L.animatedTagPath+"]").forEach((t=>{const a=t.getAttribute("d"),n=t.getAttribute(T[e]);if(n){const r=e===_.FORWARD?_.BACKWARD:_.FORWARD;t.getAttribute(T[r])||t.setAttribute(T[r],a||""),t.setAttribute("d",n)}}))}),[r]),s=(0,a.useCallback)((()=>{i(_.FORWARD)}),[i]),c=(0,a.useCallback)((()=>{i(_.BACKWARD)}),[i]);return o().createElement("div",{ref:l,dangerouslySetInnerHTML:{__html:n}})}));const F=(e,n)=>{const{id:r,link:o,type:l="button",svgString:i,isIconAnimated:s=!1,svgAnimatedIcon:c,label:u,isDisabled:b,className:f,isQaMode:m,fullNameCompType:C,reportBiOnClick:w,a11y:M,corvid:A,onDblClick:I,onMouseEnter:B,onMouseLeave:O,onFocus:N,onBlur:L,ariaAttributes:_,onClick:T,preventLinkNavigation:F,classNames:j,compPreviewState:H,reducedMotion:W,lang:K,direction:V}=e,$=(e=>Boolean(e&&(e.href||e.linkPopupId)))(o),q=F&&$,J=!b&&T||q,{iconSvgString:U,iconCollapsed:G,iconAnimationTriggers:Q=[k.HOVER]}=A||{},Z=e.semanticClassNames||D,z=a.useRef(null),X=(0,a.useRef)(!1),Y=(0,a.useRef)(null);a.useImperativeHandle(n,(()=>({focus:()=>{var e;null==(e=z.current)||e.focus()},blur:()=>{var e;null==(e=z.current)||e.blur()},animateIconForward:()=>{ee()},animateIconBackward:()=>{te()}})));const ee=(0,a.useCallback)((()=>{var e;!b&&s&&(null==(e=Y.current)||e.runAnimationForward())}),[b,s]),te=(0,a.useCallback)((()=>{var e;!b&&s&&(null==(e=Y.current)||e.runAnimationBackward())}),[b,s]),ae=a.useMemo((()=>{var e,t;return v({ariaAttributes:{..._,...M,label:null!=(e=null!=(t=null==_?void 0:_.label)?t:M.label)?e:u},tabindex:null==M?void 0:M.tabindex})}),[M,u,_]),ne=(0,a.useCallback)((e=>{Q.includes(k.HOVER)&&ee(),null==B||B(e)}),[Q,ee,B]),re=(0,a.useCallback)((e=>{Q.includes(k.HOVER)&&te(),null==O||O(e)}),[Q,te,O]),oe=(({reportBiOnClick:e,onClick:t})=>(0,a.useCallback)((a=>{e?.(a),t?.(a)}),[e,t]))({reportBiOnClick:w,onClick:J?e=>{q&&e.preventDefault(),!b&&(null==T||T(e))}:void 0}),le=a.useMemo((()=>((e,t,a)=>{let{onClick:n,onDblClick:r,onMouseEnter:o,onMouseLeave:l,onFocus:i,onBlur:s}=e;return{onClick:n,onMouseEnter:o,onMouseLeave:l,onKeyDown:t?d:p,onDoubleClick:!a&&r?r:void 0,onFocus:!a&&i?i:void 0,onBlur:!a&&s?s:void 0}})({onClick:oe,onDblClick:I,onMouseLeave:re,onMouseEnter:ne,onFocus:N,onBlur:L},$,b)),[oe,I,re,ne,N,L,$,b]),ie=j.root;X.current=!1;const se=(0,a.useMemo)((()=>{if(!G&&null!==U){if(U)return X.current=!0,E(R(U,r));if(i)return E(R(i,r))}return null}),[G,U,r,i]),ce=(0,a.useMemo)((()=>s&&c?a.createElement(P,{svgContent:c,reducedMotion:W,ref:Y}):null),[s,W,c]),ue=(0,a.useMemo)((()=>s?ce:se),[s,ce,se]),de=n=>a.createElement("div",t()({id:r,className:f},h(m,C),g(e),{"data-semantic-classname":Z.root,lang:K},V&&{dir:V}),a.createElement("button",t()({type:l,disabled:b,className:ie,"data-testid":x},ae,le,{ref:z,role:n,"data-preview":H}),a.createElement(S,{label:u,icon:ue,override:X.current,semanticClassNames:Z,classNames:j})));return b&&$?de("link"):$?(()=>{const{onFocus:n,onBlur:l,...i}=le;return a.createElement("div",t()({id:r,className:f},i,g(e),h(m,C),{"data-semantic-classname":Z.root},V&&{dir:V}),a.createElement(y,t()({},o,ae,{href:b?void 0:o.href,className:j.link,onFocusCapture:n,onBlurCapture:l,ref:z,dataPreview:H}),a.createElement(S,{label:u,icon:ue,semanticClassNames:Z,classNames:j})))})():de()};var j=a.forwardRef(F),H={root:"DPAltb",hasBorderColor:"HJQL50",hasBackgroundColor:"JYQq3z",hasHoverBorderColor:"lpKmSx",hasHoverBackgroundColor:"bk6HFS",hasDisabledBorderColor:"ivX9Rv",hasDisabledBackgroundColor:"E9JJpO",label:"gIbEBg",hasColor:"spiv_Z",hasHoverColor:"pkDIbl",hasDisabledColor:"FOmtsV",link:"OoFUKI",container:"wpLgnL",icon:"HvvH6i",hasIconColor:"EENh5d",hasHoverIconColor:"tN8hsm",hasDisabledIconColor:"lVrFcO"};function W(e){var t,a,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(a=W(e[t]))&&(n&&(n+=" "),n+=a);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}var K=function(){for(var e,t,a=0,n="";a<arguments.length;)(e=arguments[a++])&&(t=W(e))&&(n&&(n+=" "),n+=t);return n};function V(){return function(e){const t=Object.keys(e),a=[];for(const n of t)e[n]&&a.push(n);return a}(function(e){let{hover:t={},disabled:a={},...n}=e;return{...n,...Object.fromEntries([...Object.entries(t).map((e=>{let[t,a]=e;return[N(t,"Hover"),a]})),...Object.entries(a).map((e=>{let[t,a]=e;return[N(t,"Disabled"),a]}))])}}(...arguments)).filter((e=>e in H)).map((e=>H[e]))}const $=(e,a)=>{const{isDisabled:n,stylableButtonClassName:r,customClassNames:l=[],corvid:s,isMaxContent:c=!1,isWrapText:u=!1,direction:d,fallbackDirectionClassName:p}=e,{iconSvgString:b,iconCollapsed:f,...m}=s||{},v=e.semanticClassNames||D,g=K(H.root,r,!d&&p,i(v.root,...l),{error:!1,disabled:n,isMaxContent:c,isWrapText:u},V(m)),h=K(g,H.link),C=K(H.label,i(v.buttonLabel));let y=!1;f||null===b||b&&(y=!0);const k=K(H.icon,{override:y},i(v.buttonIcon)),x={...e,classNames:{root:g,link:h,label:C,icon:k,container:H.container}};return o().createElement(j,t()({},x,{ref:a}))};var q=o().forwardRef($);const J=e=>e.replace(/([A-Z])/g,(e=>`-${e.toLowerCase()}`)),U=e=>"linkPopupId"in e,G=(e,t)=>{if(U(e))return e.linkPopupId;{const{pagesMap:a,mainPageId:n}=t||{};if(!a)return;const r=new URL(e.href??"");let o=Object.values(a).find((({pageUriSEO:e})=>!!e&&r.pathname?.includes(e)));return o||(o=n?a[n]:void 0),o?.pageId}},Q=e=>{if(void 0!==e)return null===e?"None":e.type},Z=(e,t)=>{if(!e?.type)return;const{type:a}=e;switch(a){case"AnchorLink":return e.anchorDataId;case"DocumentLink":return e.docInfo?.name;case"PageLink":const a=G(e,t);return a&&t?.pagesMap?.[a]?.title;default:return e.href}},z=(e,t,a)=>{const{link:n,value:r,details:o,actionName:l,elementType:i,trackClicksAnalytics:s,pagesMetadata:c,...u}=t;if(!s||"function"!=typeof e)return;const d=c&&{...c,pagesMap:window.viewerModel?.siteFeaturesConfigs?.router?.pagesMap},p=((e,t)=>{if(!e?.type)return;const{type:a}=e;switch(a){case"AnchorLink":return(e=>"anchorDataId"in e&&("SCROLL_TO_TOP"===e.anchorDataId||"SCROLL_TO_BOTTOM"===e.anchorDataId))(e)?void 0:{id:e.anchorDataId};case"DocumentLink":return{id:e.docInfo?.docId};case"PageLink":return{id:G(e,t),isLightbox:U(e)};default:return}})(n,d),b=o||p?JSON.stringify({...p,...o}):void 0;e({src:76,evid:1113,...{...u,bl:navigator.language,url:window.location.href,details:b,elementType:i??"Unknown",actionName:l??Q(n),value:r??Z(n,d)}},{endpoint:"pa",...a})};var X;!function(e){e.Text="Text",e.Menu="Menu",e.Image="Image",e.Input="Input",e.Login="Login",e.Button="Button",e.Social="Social",e.Gallery="Gallery",e.Community="Community",e.Decorative="Decorative",e.MenuAndSearch="MenuAndSearch",e.MenuAndAnchor="MenuAndAnchor"}(X||(X={}));var Y;const ee={StylableButton_StylableButton:{component:q,controller:(Y=e=>{let{mapperProps:t,stateValues:a}=e;const{trackClicksAnalytics:n,compId:r,language:o,mainPageId:l,...i}=t,{reportBi:s,reducedMotion:c}=a;return{...i,reportBiOnClick:e=>{const{fullNameCompType:t,label:a,link:c,isDisabled:u}=i;z(s,{link:c,language:o,trackClicksAnalytics:n,elementTitle:null!=a?a:"",elementType:t,pagesMetadata:{mainPageId:l},elementGroup:X.Button,details:{isDisabled:null!=u&&u},element_id:null!=r?r:e.currentTarget.id})},reducedMotion:c}},{useComponentProps:(e,t,a)=>{const n=(e=>({...e,updateStyles:t=>{const a=Object.entries(t).reduce(((e,[t,a])=>{return{...e,[(n=t,n.startsWith("--")?t:J(t))]:void 0===a?null:a};var n}),{});e.updateStyles(a)}}))(a);return Y({mapperProps:e,stateValues:t,controllerUtils:n})}})}}}(),r}()}));
//# sourceMappingURL=https://static.parastorage.com/services/editor-elements-library/dist/thunderbolt/rb_wixui.thunderbolt[StylableButton_StylableButton].7cb93371.bundle.min.js.map